<template>
  <div id="app">
    <!--移动端禁止缩放代码-->
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"
    />
    <!--    <Header v-if="$route.meta.showHeader"></Header>-->
    <Footer v-if="$route.meta.showFooter"></Footer>
    <keep-alive v-if="$route.meta.keepAlive">
      <router-view />
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive" />
  </div>
</template>
<script>
// import Header from "./components/Header";
import Footer from "./components/Footer";
import { adapt } from "./assets/js/Page-adaptation";

export default {
  data() {
    return {};
  },
  components: {
    // Header,
    Footer,
  },
};
adapt();
</script>
<style>
* {
  margin: 0;
  padding: 0;
}
.van-tabbar-item__text {
  font-size: 0.23rem;
}
.van-tabbar-item__icon {
  font-size: 0.23rem;
}
.van-tabbar--fixed {
  height: 0.68rem;
  width: 100%;
  position: fixed;
  bottom: 0.2rem;
  left: 0;
}
.van-tabbar {
  width: 100%;
  height: 0.87rem !important;
  font-size: 0.3rem;
}
::-webkit-scrollbar {
  width: 0 !important;
}
::-webkit-scrollbar {
  width: 0 !important;
  height: 0;
}
</style>
